<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>手写组合API</title>
</head>

<body>
	<script src="./index.js"></script>
	<script type="text/javascript">
		// const proxyUser1 = shallowReactive({
		// 	name: '小明',
		// 	car: {
		// 		color: 'red'
		// 	}
		// })
		// 拦截到了写/读的数据
		// proxyUser1.name = '小红'
		// 拦截到了读取数据，但是拦截不到写的数据
		// proxyUser1.car.color += '==='
		// 拦截到了删除数据
		// delete proxyUser1.name
		// 拦截到了读，但是拦截不到删除
		// delete proxyUser1.car.color

		const proxyUser2 = reactive({
			name: '小明',
			car: {
				color: 'red'
			}
		})
	</script>
</body>

</html>